@charset "utf-8";

$font-size:40;

@function rem($px){
    @return $px/$font-size*1rem;
}

.web{
    width: 100%;
    height: 100%;
    position: relative;
    img{
        width: 100%;
        height: 100%;
    }
    
}
.logo{
    width: rem(329);
    height: rem(302);
    position: absolute;
    top: rem(438);
    left: rem(210);
    img{
        width: 100%;
       
    }
}
.loginbtn{
    width: 80%;
    height: rem(80);
    position: absolute;
    left: rem(85);
    bottom: rem(30);
    .login{
        width: rem(278);
        height: rem(78);
        border: 1px solid #d62d31;
        border-radius: 5px;
        text-align: center;
        line-height: rem(74);
        background: #ffffff;
         &:hover{
                opacity: 0.6;
            }   
        a{
            color: #d62d31;
            font-size: rem(28);
            
        }
    }
    
    .register{
        width: rem(280);
        height: rem(80);
        background: #d62d31;
         border-radius: 5px;
         text-align: center;
        line-height: rem(74);
        &:hover{
                opacity: 0.6;
            }  
        a{
            color: white;
             font-size: rem(28);
             
        }
    }
}
